﻿<!DOCTYPE HTML>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<title>游戏列表</title>


<link rel="stylesheet" href="../css/bootstrap.min.css">
<script src="../js/jquery.js"></script>
<script src="../js/bootstrap.min.js"></script>
<style type="text/css">
#container {
	margin-top: -20px;
	margin-left: 10px;
}
</style>

</head>
<body>
	<div id="container">
		<div class="page-header">
			<h2>游戏列表</h2>
		</div>
		<form action="">
			<div class="row">
				<div class="col-xs-6 col-sm-3">
					<div class="row">
						<div class="col-xs-8 col-sm-3">
							<span class="btn btn-default">游戏名称</span>
						</div>
						<div class="col-xs-3 col-sm-8">
							<input type="text" 
								class="form-control" />
						</div>
					</div>
				</div>
				<div class="col-xs-6 col-sm-2">
					<div class="row">
						<div class="col-xs-8 col-sm-4">
							<span class="btn btn-default">游戏类型</span>
						</div>
						<div class="col-xs-3 col-sm-8">
							<select  class="form-control">
								
								<option value="">棋牌游戏</option>
								<option value="">棋牌游戏</option>
								<option value="">棋牌游戏</option>
								
							</select>
						</div>
					</div>

				</div>
				<div class="col-xs-6 col-sm-4">
					<input type="button" class="btn btn-primary" id="search" value="查询" />
				</div>
			</div>
		</form>
		<div class="row">&nbsp;</div>
		<div class="row">
			<div class="col-xs-6 col-sm-4">
				<a class="btn btn-primary" data-toggle="modal"
					data-target="#myModal"> <span class="glyphicon glyphicon-plus"></span>
					新增</a>
				

				<a class="btn btn-danger" > <span
					class="glyphicon glyphicon-trash"></span> 删除</a>
			</div>
		</div>

		<div class="row">&nbsp;</div>
		<div class="row">
			<div class="col-xs-6 col-sm-11">
				<div class="table-responsive"
					style="vertical-align: middle;text-align: center;">
					<table id="searchTable"
						class="table table-bordered table-hover table-condensed  ">
						<tr>
							<td><input type="checkbox" id="all" value="全选"
								 /> 全选</td>
							<td>ID</td>
							<td>游戏名称</td>
							<td>游戏类别</td>
							<td>游戏封面</td>
							<td>状态</td>
							<td>游币价格</td>
							<td>话费价格</td>
							<td>创建时间</td>
							<td>更新时间</td>
							<td>操作</td>
						</tr>
						
							<tr>
								<td><input type='checkbox' 
									name='opt' value='' />
								</td>
								<td>1</td>
								<td>欢乐斗地主</td>
								<td>棋牌游戏</td>
								<td>
									<div class="col-xs-6  col-md-offset-4">
										<img class="img-responsive" width="33" height="30"
											src="../images/cover/1430727532556.jpg" />
									</div></td>
								<td>商用 </td>
								<td>58</td>
								<td>10</td>
								<td>
									2017-03-13 12:03:18
								</td>
								<td>
									未曾修改
								</td>
								<td>
									<div class="col-xs-6 col-sm-2 col-md-offset-3">
										<a class="btn btn-info btn-sm"
											href="updateGame.html">
											<span class="glyphicon glyphicon-pencil"></span>修改</a>
									</div>
									<div class="col-xs-6 col-sm-4 col-md-offset-1">
										<a class="btn btn-warning btn-sm"
											href="gameDetails.html">
											<span class="glyphicon glyphicon-pencil"></span>详情</a>
									</div></td>
							</tr>
							<tr>
								<td><input type='checkbox' 
									name='opt' value='' />
								</td>
								<td>1</td>
								<td>欢乐斗地主</td>
								<td>棋牌游戏</td>
								<td>
									<div class="col-xs-6  col-md-offset-4">
										<img class="img-responsive" width="33" height="30"
											src="../images/cover/1430727532556.jpg" />
									</div></td>
								<td>商用 </td>
								<td>58</td>
								<td>10</td>
								<td>
									2017-03-13 12:03:18
								</td>
								<td>
									未曾修改
								</td>
								<td>
									<div class="col-xs-6 col-sm-2 col-md-offset-3">
										<a class="btn btn-info btn-sm"
											href="updateGame.html">
											<span class="glyphicon glyphicon-pencil"></span>修改</a>
									</div>
									<div class="col-xs-6 col-sm-4 col-md-offset-1">
										<a class="btn btn-warning btn-sm"
											href="gameDetails.html">
											<span class="glyphicon glyphicon-pencil"></span>详情</a>
									</div></td>
							</tr>
							<tr>
								<td><input type='checkbox' 
									name='opt' value='' />
								</td>
								<td>1</td>
								<td>欢乐斗地主</td>
								<td>棋牌游戏</td>
								<td>
									<div class="col-xs-6  col-md-offset-4">
										<img class="img-responsive" width="33" height="30"
											src="../images/cover/1430727532556.jpg" />
									</div></td>
								<td>商用 </td>
								<td>58</td>
								<td>10</td>
								<td>
									2017-03-13 12:03:18
								</td>
								<td>
									未曾修改
								</td>
								<td>
									<div class="col-xs-6 col-sm-2 col-md-offset-3">
										<a class="btn btn-info btn-sm"
											href="updateGame.html">
											<span class="glyphicon glyphicon-pencil"></span>修改</a>
									</div>
									<div class="col-xs-6 col-sm-4 col-md-offset-1">
										<a class="btn btn-warning btn-sm"
											href="gameDetails.html">
											<span class="glyphicon glyphicon-pencil"></span>详情</a>
									</div></td>
							</tr>
							<tr>
								<td><input type='checkbox' 
									name='opt' value='' />
								</td>
								<td>1</td>
								<td>欢乐斗地主</td>
								<td>棋牌游戏</td>
								<td>
									<div class="col-xs-6  col-md-offset-4">
										<img class="img-responsive" width="33" height="30"
											src="../images/cover/1430727532556.jpg" />
									</div></td>
								<td>商用 </td>
								<td>58</td>
								<td>10</td>
								<td>
									2017-03-13 12:03:18
								</td>
								<td>
									未曾修改
								</td>
								<td>
									<div class="col-xs-6 col-sm-2 col-md-offset-3">
										<a class="btn btn-info btn-sm"
											href="updateGame.html">
											<span class="glyphicon glyphicon-pencil"></span>修改</a>
									</div>
									<div class="col-xs-6 col-sm-4 col-md-offset-1">
										<a class="btn btn-warning btn-sm"
											href="gameDetails.html">
											<span class="glyphicon glyphicon-pencil"></span>详情</a>
									</div></td>
							</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
</body>
<style>
td {
	vertical-align: middle !important;
}
</style>
</html>
